<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>众筹</title>
    <link rel="stylesheet" href="lib/swiper-bundle.min.css">
    <link rel="stylesheet" href="fonts/iconfont.css">
    <link rel="stylesheet" href="css/normal.css">
    <link rel="stylesheet" href="css/crowd.css">
</head>

<body>
    <!-- 头部 -->
    <header>
        <a href="index.html" class="iconfont icon-previous" class="previous"></a>
        <p>小米有品众筹</p>
    </header>
    <!-- 轮播图 -->
    <div class="banner">
        <!-- Swiper -->
        <div class="swiper mySwiper">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <img src="images/crowd-banner1.jpeg" alt="">
                </div>
                <div class="swiper-slide">
                    <img src="images/crowd-banner2.jpeg" alt="">
                </div>
                <div class="swiper-slide">
                    <img src="images/crowd-banner3.jpeg" alt="">
                </div>
            </div>
            <div class="swiper-pagination"></div>
        </div>
    </div>

    <!-- 大图片介绍 -->
    <div class="show-con">
        <div class="desc">
            <img src="images/closetool.png" alt="">
            <div class="box">
                <div class="left">
                    <img src="images/tong.png@base@tag=imgScale&h=200&w=200" alt="">
                </div>

                <div class="right">
                    <p class="decr">大白超能离子声控智能马桶，居家必备好物</p>
                    <div class="line1">
                        <div class="line">
                            <div class="orange"></div>

                        </div>
                        <span>44%</span>
                    </div>

                    <p class="agree">157人支持 | 剩余13天</p>
                    <p><span class="red">￥2288起</span><del>￥2288</del></p>
                </div>
            </div>
        </div>
    </div>



    <div class="word">
        <p>正在众筹</p>
        <span>寻觅世间4款好物，只为精致你的生活</span>
    </div>

    <!-- 分图介绍 -->
    <div class="item">
        <div class="img">
            <img src="images/zjenjiu.jpg" alt="">
            <span class="logo">人气</span>
        </div>
        <div class="desc">
            <p class="decr">大白超能离子声控智能马桶，居家必备好物</p>
            <div class="line1">
                <div class="line">

                </div>
                <span>175%</span>
            </div>

            <p class="agree">8765人支持 | 剩余11天</p>
            <div class="fd">
                <p><span class="red">￥2288起</span></p>
                <span class="now">立即支持</span>
            </div>

        </div>
    </div>
    <div class="item">
        <div class="img">
            <img src="images/milk.png" alt="">
            <span class="logo">人气</span>
        </div>
        <div class="desc">
            <p class="decr">大白超能离子声控智能马桶，居家必备好物</p>
            <div class="line1">
                <div class="line">

                </div>
                <span>175%</span>
            </div>

            <p class="agree">8765人支持 | 剩余11天</p>
            <div class="fd">
                <p><span class="red">￥2288起</span></p>
                <span class="now">立即支持</span>
            </div>

        </div>
    </div>
    <div class="item">
        <div class="img">
            <img src="images/cook.jpeg" alt="">
            <span class="logo">人气</span>
        </div>
        <div class="desc">
            <p class="decr">大白超能离子声控智能马桶，居家必备好物</p>
            <div class="line1">
                <div class="line">

                </div>
                <span>175%</span>
            </div>

            <p class="agree">8765人支持 | 剩余11天</p>
            <div class="fd">
                <p><span class="red">￥2288起</span></p>
                <span class="now">立即支持</span>
            </div>

        </div>
    </div>
    <div class="item">
        <div class="img">
            <img src="images/box.jpg" alt="">
            <span class="logo">人气</span>
        </div>
        <div class="desc">
            <p class="decr">大白超能离子声控智能马桶，居家必备好物</p>
            <div class="line1">
                <div class="line">

                </div>
                <span>175%</span>
            </div>

            <p class="agree">8765人支持 | 剩余11天</p>
            <div class="fd">
                <p><span class="red">￥2288起</span></p>
                <span class="now">立即支持</span>
            </div>

        </div>
    </div>
    <div class="item">
        <div class="img">
            <img src="images/health.jpg" alt="">
            <span class="logo">人气</span>
        </div>
        <div class="desc">
            <p class="decr">大白超能离子声控智能马桶，居家必备好物</p>
            <div class="line1">
                <div class="line">

                </div>
                <span>175%</span>
            </div>

            <p class="agree">8765人支持 | 剩余11天</p>
            <div class="fd">
                <p><span class="red">￥2288起</span></p>
                <span class="now">立即支持</span>
            </div>

        </div>
    </div>


    <script src="lib/swiper-bundle.min.js"></script>
    <script src="js/crowd.js"></script>

</body>

</html>